import React from 'react'
import jsonData from '../../axios/Bulletin.json'

const data = jsonData
export default function Bulletin() {
    return (<div className='Bulletin' style={{marginBottom: 8}}>
            <div className="list-group">
                <a href="#" className="list-group-item list-group-item-action active" aria-current="true">
                    <div className="d-flex w-100 justify-content-between">
                        <h5 className="mb-1">公告栏</h5>
                    </div>
                </a>
                <div className="overflow-auto" style={{maxHeight: 450}}>
                    {data.list.map(item => {
                        return (<button className="list-group-item list-group-item-action "
                                        onClick={() => alert(item.title)}>
                            <div className="d-flex w-100 justify-content-between">
                                <h5 className="mb-1">
                                    <span className="d-inline-block text-truncate"
                                          style={{maxWidth: 320}}> {item.title} </span>
                                </h5>
                            </div>
                        </button>)
                    })}
                </div>
            </div>
        </div>
    )
}
